/*首页*/
/*关于我们*/
.banner{width:100%; position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #00a5ea;background: #00a5ea;}
.banner .swiper-pagination-bullet-active{background: #e4007f;opacity: 1;border:1px solid #e4007f;}

.index-titbox{}
.index-tit{font-size:35px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:20px;position:relative}
.index-tit:after{content:'';position:absolute;left:50%;bottom:-12px;transform:translate(-50%);height:3px;width:45px;background:#0253c2}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}

.inpro{width: 100%;padding: 3% 0;box-sizing: border-box;background: #F7F7F7;overflow: hidden;}
.product_list{overflow: hidden;margin-top:4%}
.product_list ul{margin-right: -2%;display: flex;flex-flow: wrap;flex-direction: row;margin-bottom: -2%}
.product_list ul li{width:23%;margin-right: 2%;margin-bottom: 2%;background: #FFF;box-shadow: 0 0px 1px rgba(0,0,0,.15);border-radius: 10px; padding: 2%; box-sizing: border-box;}
.product_list ul li .pimg{}
.product_list ul li .pimg img{width: 100%;-webkit-transition: .5s;
    transition: .5s;}
.product_list ul li .pwz{font-size: 16px; color: #555; text-align: center; margin: 5% 0 0 0}
.product_list ul li:hover .pimg img{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
 
 /*sunergy*/
.sunergy{width:100%;height:auto;position: relative; background:url(../images/sunergy_top.jpg) no-repeat; background-size: cover; padding: 5% 0 0 0}
.sunergy1{width:100%;height:13.63vw;background: #0f0f0f87;float:left;}
.sunergy_top{height:13.7395vw;width:100%;color:white;text-align: center;font-family: Arial;background-size: cover;}
.sunergy_top h1{font-size:2.34375vw;padding-top: 3.6458vw;padding-bottom:2.08333vw;color:white;}
.sunergy_top p {color:#f0f0f0;font-size: 0.8333vw;line-height: 1.25vw;padding:0.1vw 0;font-family: Helvetica Neue LT Pro;}
.sunergy_button{width: 8.3333vw;height:2.5vw;background: #0059a2;line-height: 2.5vw;font-size:0.8333vw;border-radius: 50px;color:white;margin-left:calc((100% - 8.3333vw) / 2);margin-top:1.597vw;box-shadow: 10px 20px 20px #494e58;transition:all .5s;font-weight: bold;}
.sunergy_button:hover{background: #ff7200;}
.sunergy_top ul li{width: 10px;height:25px;line-height: 25px;color:#e5e7e9;font-size:25px;position: relative; top:-110px;cursor: pointer;display: none;}
.sunergy2{width:100%;background: white;float:left;position: relative;}
.sunergy_down{width:100%;position: relative;top:-6.6979vw;}
.sunergy_down ul{width:101.25%;}
.sunergy_down ul li{width: 31.333%;height:19.4375vw;margin-right:2%;border-radius: 5px 5px 0px 0px;box-shadow: 5px 10px 15px 2px rgba(0,0,0,0.1); float:left;border-bottom:solid 0.625vw #7b7b7b;background: white;cursor: pointer;transition: all 0.5s;}
.sunergy_down ul div{}
.sunergy_down ul li .ybt{font-size: 22px;text-align: center;padding-bottom:2%;margin-top: 2%;color:#333333;}
.sunergy_down ul li p{line-height: 1.041666vw;width:76%;margin: 0 auto;text-align: left;color: #333333; line-height: 28px;font-size: 16px}
.sunergy_down ul li:hover p{color:white;}
.sunergy_down ul li div{transition:all .5s;}
.sunergy_down ul li:hover{color:white;border-bottom:none;height:20.4375vw;}
.sunergy_down ul li:hover .ybt{color:white;}
.sunergy_down ul li.s_li1:hover{background:url('../images/sunergy_li_1.png');background-size:100% 100%;}
.sunergy_down ul li.s_li2:hover{background:url('../images/sunergy_li_2.png');background-size:100% 100%;}
.sunergy_down ul li.s_li3:hover{background:url('../images/sunergy_li_3.png');background-size:100% 100%;}
.sunergy_down ul li.s_li4:hover{background:url('../images/sunergy_li_4.png');background-size:100% 100%;}
.sunergy_down ul li.s_li1:hover .li1{background:url('../images/sunergy_down_5.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy_down ul li.s_li2:hover .li2{background:url('../images/sunergy_down_6.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy_down ul li.s_li3:hover .li3{background:url('../images/sunergy_down_7.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy_down ul li.s_li4:hover .li4{background:url('../images/sunergy_down_8.png');background-size:100%;}
.sunergy2 .li1{background:url('../images/sunergy_down_1.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy2 .li2{background:url('../images/sunergy_down_2.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy2 .li3{background:url('../images/sunergy_down_3.png') no-repeat center; height:4.7vw; margin:10% 0;}
.sunergy2 .li4{background:url('../images/sunergy_down_4.png');background-size:100%; height:4.7395vw;}


.index-about{padding:3% 0;overflow:hidden;}
.index-about .text{float:left;width:50%;}
.index-about .text .abt{font-size:44px;margin-bottom:5%; color: #333; font-weight: 600}
.index-about .text .abt span{font-size:44px; position:relative;background-repeat:no-repeat;background-position:center 2.7vw;background-size:97.5% 1vw; /*background-image:linear-gradient(90deg,#0253c2,#0253c2);*/}
.index-about .text p{font-size:15px; line-height: 28px; color: #555}
.index-about .text a{display:inline-block;line-height: 30px;margin-top: 3%;padding: 1% 4%;font-size: 14px;color:#fff;background-color:#0253c2;text-transform:uppercase;}
.index-about .slide-about{position:relative;float:right;width:45%;}
.inabout{width:100%; position: relative;}
.inabout .swiper-pagination-ab{position: absolute;bottom:0!important;z-index: 1000;text-align: center; background: rgba(0,0,0,0.5); padding: 1.5% 0}
.inabout .swiper-slide img{width: 100%;}
.inabout .swiper-slide .m{display: none;}
.inabout .swiper-pagination-ab .swiper-pagination-bullet{margin:0 5px;}
.inabout .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #fff;background: #fff;}
.inabout .swiper-pagination-bullet-active{background: #0253c2;opacity: 1;border:1px solid #0253c2;}

.prelblt{width: 100%;padding:3% 0; overflow: hidden; box-sizing: border-box; background: #f5f5f5}
.prelblt ul{margin-left: -1%;display: flex;flex-wrap: wrap;display: -ms-flex;-ms-flex-wrap: wrap; margin-top: 3%}
.prelblt li{width:32.333%;margin-left: 1%;margin-top: 1%;float: left;}
.prelblt li a{display: block;width: 100%;position: relative;overflow: hidden; font-size: 0}
.prelblt li a img{width: 100%;object-fit: cover;transition: all .4s linear; overflow: hidden;}
.prelblt-wd{position: absolute;width: 100%;padding: 0 5%;bottom: 5%;color: #fff;left: 0;z-index: 2;}
.prelblt-wd .cbt{font-size: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.prelblt-wd p{font-size: 15px;margin-top: 18px; line-height:25px; display: -webkit-box;   -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.prelblt li a:before{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/prelbic1.png') repeat-y;background-size: contain;transition: all .6s ease;}
.prelblt li a:hover img{transform: scale(1.06);  overflow: hidden;}
.prelblt li a:hover:before{opacity: 0;}
.prelbbz{width: 100%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 92px 0;}
.prelbbz-wd{width: 100%;text-align: center;color: #fff;}
.prelbbz-wd h6{font-size: 36px;}
.prelbbz-wd p{font-size: 16px;line-height: 1.4em;margin: 28px 0 36px;}
.prelbbz-wd a{display: inline-block;width: 160px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 16px;color: #fff;background: #2d67d6;}
.prelblt li:nth-child(4),.prelblt li:nth-child(5){width: 49%}


.news_bg{padding:3% 0;overflow: hidden;}
.news_t{margin:0 auto;padding:2% 0; overflow: hidden;}
.news_t ul{border-bottom: 1px solid #d8e9f6; overflow: hidden; text-align: center;}
.news_t ul li{overflow: hidden; padding: 0 3%; display: inline-block; line-height: 35px; }
.news_t ul li a{font-size: 16px;color: #333;display: block; text-align: center; overflow: hidden;  border-bottom: 2px solid #f7f7f7} 
.news_t ul li a:hover,.news_t ul li.on a{color: #0253c2; border-bottom: 2px solid #0253c2}
.news01{width: 45%;float: left;}
.news01 dl dt{width: 100%; overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 100%;}
.news01 dl dd{padding-top: 20px;width: 570px;}
.news01 dl dd span{display: block;float: left;height: 53px;width: 90px; font-size: 14px; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 32px;padding: 15px 0 0;color: #666; font-family:Arial, Helvetica, sans-serif;}
.news01 dl dd span b,.news02 dt b{display: block;font-size: 40px;}
.news01 .news_r{width: 445px;float: left;padding: 0 0 0 20px; overflow:hidden;}
.news01 dl dd .nbt{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news01 dl dd .nbt a{font-size: 16px;color: #555;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news01 dl dd .nbt a:hover{ color: #0253c2;}
.news_desc{font-size: 13px; color: #777; line-height: 25px; padding: 0px 0 0;overflow:hidden;-webkit-line-clamp:5;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news_desc p{font-size: 14px; line-height: 25px; color: #555}
.news_m{margin-top: 3%}
.news02{overflow: hidden; margin-right: -2%}
.news02 dl{background: #fff; width:48%;height: auto; overflow: hidden;border: #ddd 1px solid;margin-bottom: 18px; box-sizing: border-box; cursor: pointer; float: left; margin-right: 2%}
.news02 dt{float: left;border-right: #ddd 1px solid;text-align: center; width: 30%}
.news02 dt img{width: 100%}
.news02 dt b{color: #333;}
.news02 dd{width: calc(100% - 32%);padding:3%;float: right; box-sizing: border-box;}
.news02 dd .nbt2, .news02 dd .nbt2 a{font-size: 16px; line-height: 30px; color:#333; font-weight: 600}
.news02 dl:hover{border: #0253c2 1px solid;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}

.link_bg{background-color:#eee;padding:0.6% 0;overflow: hidden;}
.link_dht{line-height:30px;font-size:14px;}
.link_dht i{display: inline-block;color:#999;font-size:1vw;line-height:30px;border-radius:50%;text-align:center;font-weight:400;margin-right:10px;transition:all .4s;position: relative;}
.link_dht i img{height:25px; vertical-align: middle;}
.link_nr{margin-left:20px; width: 82%}
.linkTagcs{height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:11px;float:left;}
.linkTagcs li a{color:#666;word-break:break-all;font-size: 14px; line-height:32px;}
.linkTagcs li img{border:0px;}


.sonBan{width: 100%; height: auto; overflow: hidden;}
.sonBan-img{width: 100%; margin:auto; display: block; clear: both;}

.mianbao{padding:1% 0 0; border-bottom: #e6e6e6 3px solid; overflow: hidden;}
.mianbao big{line-height: 40px;font-size:24px;color: #373737;}
.mianbao ul{font-size: 0;}
.mianbao ul li{font-size: 16px;color: #585858;line-height: 54px;display: inline-block;margin-left: 3rem;position: relative;}
.mianbao ul li a{color: #585858;transition: 0.6s;display: inline-block}
.mianbao ul li a:after{content: "";position: absolute;right: 0;width: 0;height: 3px;background: #0253c2;bottom: 0;transition: 0.6s}
.mianbao ul li.on a:after,.mianbao ul li:hover a:after{left: 0;width: 100%}
.mianbao ul li.on a,.mianbao ul li:hover a{color: #0253c2}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:3% 0; box-sizing: border-box;}

.about-tit{font-size: 26px;color: #08408a;margin-bottom: 2%}

.ny-about{font-size:16px;color:#222;line-height:30px; overflow: hidden;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}
.ny-about span{font-weight: 600}
.ny-about .aaimg{width: 45%; float: right; margin-left: 3%;}
.ny-about .aaimg img{width: 100%}

.tit{margin: 5% 0;text-align: center;clear: both;}
.tit i{font-style: normal;font-size: 18px;color: #fff;line-height: 20px;display: block;height: 20px;letter-spacing: 0;font-weight: normal;text-transform: uppercase;}
.tit .cbbt{display: block;font-size: 40px;color: #fff;font-weight: bold;margin-top: 2px;letter-spacing: 2px;line-height: 65px;}


.cor{height: auto;padding-top: 5px;box-sizing: border-box;color: #fff;text-align: center;background:url(../images/c_bg.jpg) no-repeat center top;}
.cor p{text-align: center;}
.MsoNormal{font-size: 16px; color: #fff; text-align: center; padding:0% 0 12%}
.cor li{ text-align: center; float: left;width: 31.333%;margin: 6% 0;margin-right: 2%;transition: 0.4s all;border-radius: 10px;box-shadow: 2px -2px 20px 1px #eee;padding: 2%;font-size: 16px;color: #808080; box-sizing: border-box;}
.cor li:last-child{margin-right: 0;}
.cor li em{display: block;width: 74px;margin: 0 auto;}
.cor li em img{display: block;width: 100%;}
.cor li .cbt{color: #333;line-height: 60px;font-size: 24px;border-bottom: 1px solid #e6e6e6;}
.cor li p{font-size: 16px;height: auto;color: #333;overflow: hidden; margin:5% ;}

.ny_xc{}
.ny_xc ul{margin-right: -2%}
.ny_xc ul li{float: left;width: 23%;margin:0 2% 2% 0;}
.ny_xc ul li .wbt{overflow: hidden;border: 1px solid #eee;}
.ny_xc ul li .wbt img{display: block; width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_xc ul li:hover .wbt img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_xc ul li .wwz{font-size: 16px;line-height: 20px;text-align: center;padding: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333;}


/* 内页人才招聘部分 */
.inner_content{width:100%;background:#fff; overflow: hidden; margin: 50px 0}
.jobctit{background:#575757; line-height:70px; font-size:18px; color:#fff; margin-top:0px;}
.jobctit span{display:inline-block; width:18%; text-align:center;}
.job-content{width:100%; float:left; background:#fff;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{height:62px; line-height:62px; cursor:pointer; border-bottom:1px solid #e6e6e6; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block; margin:auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%; float:left; text-align:center; color:#666;}
.job-content dl dd{background:#f8f8f8;padding:3%;line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:bold; color:#0253c2; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:1%; margin:2% 0;}
.job-content dl dd .cont li{float:left; margin-right:3%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}


/*  内页公用 */
.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{float: left;padding:1.5% 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#0253c2;}
.bread_content .bread_box b{color: #0253c2}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#0253c2;}


.products_main{width: 100%;overflow: hidden;padding:2% 0;}
.inpro_lefts{width:20%; float: left; }
.left{overflow: hidden;}
.left .left_title{height: auto; /*background: #009148;*/ background: #0253c2 url(../images/left01.jpg) no-repeat right; color: #fff;}
.left .left_title .bt{font-size: 20px; font-weight: bold; line-height:60px; padding-left:10%; text-transform: uppercase; margin: 0;}
.left .left_title .si{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;}
.icon {vertical-align: middle;background: url(../images/icon.png) no-repeat;}
.left .submenu{overflow: hidden;}
.left .submenu li{ width: 100%;}
.left .submenu li a.sub1{display: block;padding:7%; box-sizing: border-box; background: url(../images/jtou.png) no-repeat 90% center #fff;font-size: 15px;border: 1px solid #dedede;border-top: 0 none;overflow: hidden;}
.left .submenu li a.sub1:hover{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #0253c2;border-right: 1px solid #0253c2;color: #0253c2;}
.left .submenu li.hover a.sub1{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #0253c2;border-right: 1px solid #0253c2;color: #0253c2; border-bottom: 0px;}
.left .submenu s{width: 2px; height: 61px; display: block; background: #0253c2; position: absolute; left: 0; top: 0;}
.left .submenu .box{padding-bottom: 0;background: #fff;border: 1px solid #dedede;border-top: 0 none;display: none;}
.left .submenu .box a{color: #333;display: block;overflow: hidden; font-size: 14px;padding: 2% 10%; box-sizing: border-box;}
.left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #0253c2;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #0253c2; font-weight: 600}
.left .submenu li.hover .box{display: block;}

.box2{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box2 dd{}
.box2 dl a{color: #333;line-height:30px !important;display: block;padding-left:40px !important;overflow: hidden; font-size: 12px !important}
.box2 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box2 dl a :hover, .left .submenu .box2 dl a.hover{color: #0253c2;}
.left .submenu li.hover .box2{display: block;}


.box3{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box3 dd{}
.box3 dl a{color: #333;line-height:30px !important;display: block;padding-left:60px !important;overflow: hidden; font-size: 12px !important}
.box3 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box3 dl a :hover, .left .submenu .box dl a.hover{color: #0253c2;}
.left .submenu li.hover .box3{display: block;}


.pconcat{ margin:5% 0px 0; background: #efefef; box-sizing: border-box; width: 100%}
.pconcat img{width: 100%;}
.pconcat p{padding:3% 5%; font-size:14px; color:#555;box-sizing: border-box; line-height: 28px;}
.pconcat p b{ display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height: 44px;}
.pconcat p span{ padding-left:25px; background:url(../images/l_tel.png) no-repeat left center;}
.pconcat p em{font-style: normal;}

.inpro_right{width: 78%; float: right;}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #0253c2;}

.ny_cp{overflow: hidden;}
.ny_cp ul{margin-right: -2%}
.ny_cp li{float: left;width:23%;position: relative;margin: 0 2% 2% 0;}
.ny_cp li .ny_cp_img{overflow: hidden;position: relative;}
.ny_cp li .ny_cp_img span{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0,0.3);opacity: 0;-webkit-transition:0.5s; transition:0.5s;font-size: 36px;color: #fff;line-height: 100%;text-align: center;z-index: 1;}
.ny_cp li:hover .ny_cp_img span{opacity: 1;}
.ny_cp li .ny_cp_img span:before{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.ny_cp li .ny_cp_img img{display: block;width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_cp li:hover .ny_cp_img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_cp li .ny_cp_txt{padding:4% 0;text-align: center;}
.ny_cp li .ny_cp_txt .pbt{font-size: 16px;line-height: 30px;color: #4D4D4D;-webkit-transition:0.5s;transition:0.5s;}
.ny_cp li .ny_cp_txt .h2{font-size: 16px;line-height: 24px;color: #808080;}
.ny_cp li:hover .ny_cp_txt .pbt{color: #0085f8;}


.pro_right{width:100%; overflow: hidden;margin-top: 3%;}
.productss{overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:33px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:90px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:80px;height:80px;}
.spec-scroll .items ul li img:hover{border:2px solid #fff ; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:28px; color:#02a0e7 ; padding-bottom:10px;}
.proleft{width:100%;font-size:16px; line-height:30px; margin-top:20px;}
.proleft p{font-size:16px; line-height:25px; }


.procolor{ margin-top:20px;}
.procolor_bt{font-weight: 600; font-size: 16px; color: #333;border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px;}
.procolor ul{}
.procolor li{border: 1px solid #ccc; margin:2% 1% 0 0; display: inline-block; width:35px; height: 35px}
.color_witer{background: #fff}
.color_red{background: #ff0000}
.color_yellow{background: #fff600}
.color_blue{background: #02028f}
.color_pink{background: #ff3be6}
.color_black{background:#000}
.color_green{background: #049915}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width:32%;height: auto;background: #fff ;font-size: 18px;line-height: 50px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 38px;}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #fff }
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#fff ; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #02a0e7 ; color:#fff; background:#02a0e7 ;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin: auto; clear: both;display: block;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#0062af ; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 ul{margin-right: -2%}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #fff ;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.view-page{width:100%; position:relative; margin:2% 0; border-top:1px solid #d6d6d6; padding:2% 0;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #014fa2;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #014fa2;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #014fa2; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #014fa2;}


.n_zhiliang {}
.n_zhiliang ul{ font-size:0; margin:0 -1%; overflow:hidden}
.n_zhiliang ul li{display:inline-block;width:31.333333%;padding:0 1%;margin-bottom: 20px;}
.n_zhiliang ul li a{ display:block;}
.n_zhiliang ul li a .img{ position:relative; overflow:hidden}
.n_zhiliang ul li a .img img{width:100%;height: 294px;object-fit: cover;}
.n_zhiliang ul li a .top{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent; transform:translateY(100%); transition:1s}
.n_zhiliang ul li a .top .apbt{ font-size:20px; color: #fff}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{display: block; max-width: 100%; height: auto;}
.n_zhiliang ul li a:hover .top{ transform:translateY(0); background: rgba(8, 105, 172, 0.9);}

.n_news{overflow: hidden;}
.n_news ul{font-size:0;margin: -2%;}
.n_news ul li{width:25%;display:inline-block; *display:inline; *zoom:1;padding: 2% 2% 0; box-sizing: border-box;}
.n_news ul li .img{ background:#000}
.n_news ul li .img,.n_news ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news ul li .img a>img{ opacity:0.8}
.n_news ul li .con{padding:5%; box-sizing: border-box;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border: #e2e2e2 2px solid;border-top: none;}
.n_news ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news ul li .con .nbt, .n_news ul li .con .nbt a{font-size: 1.125rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 0.75rem;font-weight: bold;}
.n_news ul li .con p{font-size: 14px; line-height:25px; color: #6e6e6e;overflow:hidden;margin: 0 0 1rem;position:relative;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*超出2行就显示省略号，可以填3或者其它正整数*/}
.n_news ul li .con .nwz{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;font-family: roboto_m;font-weight: 400;}
.n_news ul li .con .nwz .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.n_news ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news .more01 a small{color:#fff}
.n_news .more01 a dl dd span:before{background:#fff;}


.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom: 1%}
.xinwenxiangqing .nd_head p{color: #014fa2;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:14px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#014fa2}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#014fa2;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;line-height:45px; color:#fff;background:#014fa2;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #014fa2}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px; font-size: 14px; line-height: 40px}


/**联系我们**/
input,select,img,textarea{vertical-align:middle; border: 0}
.ContactBlock{padding:2% 0;background:#ededed;box-sizing: border-box;}
.ContactBlock .content{background:#fff;overflow: hidden;}
.ContactBlock .l_cont{float: left; width:54%; padding: 5% 2% 0; box-sizing: border-box;}
.ContactBlock .l_cont .title{ font-size: 24px; }
.ContactBlock .l_cont .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
.ContactBlock .l_cont .ul{ padding-top:2%; font-size: 16px; line-height: 28px; }
.ContactBlock .l_cont .ul p{margin-bottom:2%; font-size: 16px; line-height: 28px; }
.ContactBlock .l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:2%; }
.ContactBlock .l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.ContactBlock .l_cont .ul .phone { background-position:11px -110px; }
.ContactBlock .l_cont .ul .fax { background-position:-48px -110px; }
.ContactBlock .l_cont .ul .mail { background-position:-107px -110px; }
.ContactBlock .l_cont .ul .address { background-position:-167px -110px; }
.ContactBlock .map{float: right; width:44%;}
.ContactBlock .map #map_container{height: 480px;}

.ContactBlock .bot{ padding-top: 4%; }
.ContactBlock .bot .t-center{ text-align: center; }
.ContactBlock .bot .title{ font-size: 32px; line-height:45px; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 25px; color:#777; margin-bottom:2%; }
.ContactBlock .bot .form{ background-color: #fff; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: 100%; background-color: #f2f2f2; font-size: 14px; padding:8px 2.2%; color:#999; margin:3% 0; box-sizing: border-box;}
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #004492; font-size: 15px; color: #fff; cursor: pointer;} 
.ContactBlock .bot .submit:hover{ background-color: #004492; }

.col-sm-6 { width: 50%; float: left; padding:0 2%; box-sizing: border-box;}
.col-xs-12{padding:0 2%; box-sizing: border-box;}

.nytech{overflow: hidden;/* margin-top: 30px; */}
.nytech ul{margin-right:-2%}
.nytech li{width: 48%; float: left; margin:0 2% 2% 0; border-bottom: 1px solid #eee; padding-bottom: 2%; min-height: 150px;}
.nytech li .ppimg{width: 35%; float: left;border:1px solid #008bdb;}
.nytech li .ppimg img{max-width: 100%; margin: auto; display: block; clear: both; }
.nytech li .pwz{float: right; width: 60%}
.nytech li .pwz p{font-size: 14px; line-height: 25px}
.nytech li .pwz p span{color: #008bdb; font-size: 16px; font-weight: 600}

.nytech2{overflow: hidden;/* margin-top: 30px; */}
.nytech2 ul{margin-right:0%}
.nytech2 li{margin:0 0% 2% 0; border-bottom: 1px solid #eee; padding-bottom: 2%; overflow: hidden;}
.nytech2 li .ppimg{width:20%; float: left;border:1px solid #008bdb;}
.nytech2 li .ppimg img{max-width: 100%; margin: auto; display: block; clear: both; }
.nytech2 li .pwz{float: left; width:37%; margin-left: 2%}
.nytech2 li .pwz p{font-size: 14px; line-height: 28px}
.nytech2 li .pwz .bt{color: #008bdb; font-size: 16px; font-weight: 600; margin-bottom: 2%}
.nytech2 li .pwz2{float: left; width:37%; margin-left: 2%}
.nytech2 li .pwz2 p{font-size: 14px; line-height: 28px}
.nytech2 li .pwz2 .bt{color: #008bdb; font-size: 16px; font-weight: 600; margin-bottom: 2%}



@media screen and (max-width: 1199px) {
	.foot_nav{display: block;}
	.index_ys1 li .why_1 p{font-size: 15px; line-height: 24px}
	.procenter{padding: 3% 0 0 0}
	.index_about .about_list1_con{margin-top:3%;}
	.index_ys1 ul{margin-top:3%;}
	.partner_list ul li{width: 23%}
	.product-w-words .pwzs{font-size: 14px}
	a.index-n-title{font-size: 14px}
	.news-list pre{font-size: 12px}
	.index-tit{font-size:30px}
	.product_list{margin-top: 2%}
	.sunergy_down ul li{height: 43vw}
	.sunergy2 .li1{height: 15vw}
	.sunergy2 .li2{height: 15vw}
	.sunergy2 .li3{height: 15vw}
	.sunergy_down ul li:hover{height: 43vw}
	.sunergy_down ul li.s_li1:hover .li1{height: 15vw}
	.sunergy_down ul li.s_li2:hover .li2{height: 15vw}
	.sunergy_down ul li.s_li3:hover .li3{height: 15vw}
	.index-about .text .abt{font-size: 36px;margin-bottom:3%;}
	.index-about .text .abt span{font-size: 36px}


}

@media screen and (max-width: 980px) {
	.index_ys1 li{width: 100%; border-bottom: 1px solid #fff}
	.index_ys1 li.active{width: 100%}
	.proclass{width: 100%}
	.pc_t{padding: 2%}
	.pc_t b{font-size: 28px;font-weight:300}
	.pconcat p{padding: 2%}
	.pcc td b{margin-right: -1%}
	.pcc td b a{width: 49%; float: left; margin:0 1% 1% 0; line-height: 48px}
	.pcc td b a:last-child(2n){margin-right: 0}
	.pconcat{overflow: hidden; display: none;}
	.procon{width: 100%; margin-top: 3%; overflow: hidden;}
	.antab{width: 100%; margin-right: -2%}
	.antab dl{height: auto; width: 31.333%; padding: 4% 3%}
	.anc{width: 100%}
	.index_about .abtcn{font-size: 30px}
	.index_about .about_list1_con .left{width: 100%}
	.index_about .about_list1_con .right{width: 100%}
	.index_about .about_list1_con .right p{line-height: 28px}
	.uk-child-width-1-5\@s>*{width: 31.333%; margin-bottom: 2%}
	.uk-child-width-1-5\@s>*(4), .uk-child-width-1-5\@s>*(5){width: 48%}
	.partner_list ul li{width:31.333%}
	.nyculturetxt li{width: 98%}
	.tt{font-size: 30px}
	.ab1 .alt{width: 100%}
	.ab1 .art{width: 100%; margin-top: 3%}
	.att{font-size: 24px}
	.tabs_left{width: 60%}
	.ny_workshop ul li{width: 48%}
	.ny_partner ul li{width: 28.333%}
	.ny_partner ul li .wbt img{width: 100%; height: auto}
	.prelblt li{width: 48%}
	.prelblt-wd .cbt{font-size: 16px}
	.prelblt li:last-child{width: 98%}
	.newsleft{width: 100%}
	.newsright{width: 100%; margin-top: 2%}
	.productPic li{width: 47.4%}
	.productPic li:last-child{width: 97.4%}
	.caselist ul li{width: 48%}
	.caselist ul li:last-child{width: 98%}
	.csIcase-box .name{font-size: 16px}
	.news-list li{width: 48%}
	.ny_case ul li{width: 48%}
	.ContactBlock .l_cont{width: 100%}
	.ContactBlock .map{width: 100%}
	.bot .title{font-size: 28px}
	.index-tit{font-size:28px; padding-bottom: 0}
	.product_list ul li{width: 48%}
	.sunergy_down ul li{width: 98%; height: auto; margin-bottom: 2%}
	.sunergy_down ul li:hover{height: auto}
	.sunergy_down ul li p{line-height: 22px; margin-bottom: 2%; }
	.index-about .text{width: 100%}
	.index-about .slide-about{width: 100%; margin-top: 3%}
	.index-about .text .abt{font-size: 28px}
	.index-about .text .abt span{font-size: 28px}
    .news02 dl{width: 98%}
    .ny_xc ul li{width: 48%}
    .inpro_lefts{width: 100%}
    .left .submenu li a.sub1{padding: 4%}
    .inpro_right{width: 100%; margin-top: 3%}
    .ny_cp li{width: 48%}
    .left .submenu li{width: 50%; float: left;}
    .n_zhiliang ul li{width: 48%}
    .ContactBlock .bot .title{font-size: 28px}
    .index-about .text .abt span{background-image:none;}




	

}

@media screen and (max-width: 780px) {
	.proshow li{width: 47%}
	.proshow li:last-child{width: 97%}
	.antab dl{width: 48%}
	.partner_list ul li{width:48%}
	.tt{font-size:24px}
	.ny_al ul li{width: 0.468%}
	.ab_hisintro{max-width: 70%}
	.tabs_left{display: none;}
	.tabs_right{float: left;}
	.ny_partner ul li{width: 45%}
	.prelblt-wd .cbt{font-size: 14px}
	.locate, .tabs a{line-height: 50px}
	.locate, .locate a{font-size: 14px}
	.nyculturetxt{font-size: 14px; line-height: 28px}
	.nyculturetxt span{font-size: 18px}
	.ab_histNum span{width: 54px; height: 50px; line-height: 50px; font-size:36px; margin: 0}
	.csIcase-box{padding: 0}
	.csIcase-box .name{font-size: 14px}
	.xinwenxiangqing .nd_head p{font-size: 20px}
	.view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
    .view-page .back a{padding-left: 0}
    .ContactBlock .l_cont .ul li{font-size: 14px}
    .ContactBlock .map #map_container{height: 320px}
    .pcc td b a{font-size: 14px}
    .promore_l{width: 100%}
    .pros_right{width: 100%; margin-top:4%}
    .pros_right_top .pbt{font-size: 20px}
    .index-tit{font-size:24px}
    .index-tip{font-size: 14px}
    .index-about .text .abt{font-size: 24px}
    .index-about .text .abt span{font-size: 24px}
    .index-about .text p{font-size: 14px; line-height: 24px}
    .news_desc p{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
    .ny-about{font-size: 14px; line-height: 24px}
    .mianbao big{font-size: 20px}
    .mianbao ul li{font-size: 14px; line-height: 40px}
    .ny_xc ul li .wwz{font-size: 14px}
    .ny_cp li .ny_cp_txt .pbt{font-size: 14px}
    .nytech2 li .ppimg{width: 100%; margin-bottom: 3%}
    .nytech2 li .pwz{margin-left: 0; width: 48%}
    .nytech2 li .pwz2{width: 50%}
    .ContactBlock .bot .title{font-size: 24px}
    .ContactBlock .bot .tip{font-size:14px;}
    .ContactBlock .l_cont .ul p{font-size:15px; line-height:25px;}



}


@media screen and (max-width: 500px) {
	.index_about .abtcn{font-size: 24px}
	.pc_t b{font-size: 22px}
	.ab_hisintro{max-width: 100%; font-size: 14px;}
	.ab_hisintro p{font-size: 16px;}
    .his_line{height:4px;}
    .his_mlist li span.his_year{font-size: 14px;}
    .att{font-size: 20px}
    .product-w-words .pwzs{font-size: 12px}
    .news-list li{width: 98%}
    .relatedNews_font ul li{width: 97%}
    .col-sm-6{width: 100%}
    .index-tit{font-size:22px}
    .index-about .text .abt{font-size: 22px}
    .index-about .text .abt span{font-size: 22px}
    .about-tit{font-size: 22px}
    .nytech2 li .pwz{ width: 100%; margin-bottom: 3%}
    .nytech2 li .pwz2{margin-left: 0;  width: 100%}
    .ContactBlock .bot .title{font-size: 22px}

}